<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--页面头部-->
<div th:fragment="topbar_menu">
  <div class="topbar">
    <!-- LOGO -->
    <div class="topbar-left">
      <div class="text-center">
        <a href="index.html" class="logo"><i class="md md-terrain"></i> <span>OCP </span></a>
      </div>
    </div>
    <!-- Button mobile view to collapse sidebar menu -->
    <div class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="">
          <div class="pull-left">
            <button class="button-menu-mobile open-left">
              <i class="fa fa-bars"></i>
            </button>
            <span class="clearfix"></span>
          </div>
          <form class="navbar-form pull-left" role="search">
            <div class="form-group">
              <input type="text" class="form-control search-bar" placeholder="Type here for search...">
            </div>
            <button type="submit" class="btn btn-search"><i class="fa fa-search"></i></button>
          </form>

          <ul class="nav navbar-nav navbar-right pull-right">
            <li class="dropdown hidden-xs">
              <a href="#" data-target="#" class="dropdown-toggle waves-effect" data-toggle="dropdown" aria-expanded="true">
                <i class="md md-notifications"></i> <span class="badge badge-xs badge-danger">3</span>
              </a>
              <ul class="dropdown-menu dropdown-menu-lg">
                <li class="text-center notifi-title">Notification</li>
                <li class="list-group">
                  <!-- list item-->
                  <a href="javascript:void(0);" class="list-group-item">
                    <div class="media">
                      <div class="pull-left">
                        <em class="fa fa-user-plus fa-2x text-info"></em>
                      </div>
                      <div class="media-body clearfix">
                        <div class="media-heading">New user registered</div>
                        <p class="m-0">
                          <small>You have 10 unread messages</small>
                        </p>
                      </div>
                    </div>
                  </a>
                  <!-- list item-->
                  <a href="javascript:void(0);" class="list-group-item">
                    <div class="media">
                      <div class="pull-left">
                        <em class="fa fa-diamond fa-2x text-primary"></em>
                      </div>
                      <div class="media-body clearfix">
                        <div class="media-heading">New settings</div>
                        <p class="m-0">
                          <small>There are new settings available</small>
                        </p>
                      </div>
                    </div>
                  </a>
                  <!-- list item-->
                  <a href="javascript:void(0);" class="list-group-item">
                    <div class="media">
                      <div class="pull-left">
                        <em class="fa fa-bell-o fa-2x text-danger"></em>
                      </div>
                      <div class="media-body clearfix">
                        <div class="media-heading">Updates</div>
                        <p class="m-0">
                          <small>There are
                            <span class="text-primary">2</span> new updates available</small>
                        </p>
                      </div>
                    </div>
                  </a>
                  <!-- last list item -->
                  <a href="javascript:void(0);" class="list-group-item">
                    <small>See all notifications</small>
                  </a>
                </li>
              </ul>
            </li>
            <li class="hidden-xs">
              <a href="#" id="btn-fullscreen" class="waves-effect"><i class="md md-crop-free"></i></a>
            </li>
            <li class="hidden-xs">
              <a href="#" class="right-bar-toggle waves-effect"><i class="md md-chat"></i></a>
            </li>
            <li class="dropdown">
              <a href="" class="dropdown-toggle profile" data-toggle="dropdown" aria-expanded="true"><img
                      src="bootstrap/images/avatar-1.jpg" alt="user-img" class="img-circle"></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="javascript:void(0)"><i class="md md-face-unlock"></i> Profile</a>
                </li>
                <li>
                  <a href="javascript:void(0)"><i class="md md-settings"></i> Settings</a>
                </li>
                <li>
                  <a href="javascript:void(0)"><i class="md md-lock"></i> Lock screen</a>
                </li>
                <li>
                  <a href="javascript:void(0)" th:href="@{/logout}"><i class="md md-settings-power"></i> Logout</a>
                </li>
              </ul>
            </li>
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
    </div>
  </div>
</div>
<!--左侧菜单栏-->
<div th:fragment="leftbar_menu(n)" class="left side-menu">
  <div class="sidebar-inner slimscrollleft">
    <div class="user-details">
      <div class="pull-left">
        <img src="bootstrap/images/avatar-1.jpg" alt="" class="thumb-md img-circle">
      </div>
      <div class="user-info">
        <div class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span
                  th:text="${session.user.username}"/> <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li>
              <a href="javascript:void(0)"><i class="md md-face-unlock"></i> Profile
                <div class="ripple-wrapper"></div>
              </a>
            </li>
            <li>
              <a href="javascript:void(0)"><i class="md md-settings"></i> Settings</a>
            </li>
            <li>
              <a href="javascript:void(0)"><i class="md md-lock"></i> Lock screen</a>
            </li>
            <li>
              <a href="javascript:void(0)"><i class="md md-settings-power"></i> Logout</a>
            </li>
          </ul>
        </div>

        <p class="text-muted m-0" th:text="${session.user.state}==0?'管理员':'普通用户'"></p>
      </div>
    </div>
    <!--- Divider -->
    <div id="sidebar-menu">
      <ul>
        <li>
          <a href="#" th:href="@{/index}" th:classappend="${n}==1?'active':''" class="waves-effect waves-light "><i class="md md-home"></i><span> 首页 </span></a>
        </li>

        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==2?'active':''">
            <i class="md md-event"></i><span> 备货订单管理 </span>
          </a>
        </li>
        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==3?'active':''">
            <i class="md md-event"></i><span> 销售订单管理 </span>
          </a>
        </li>
        <li>
          <a href="#" th:href="@{/agent}" th:classappend="${n}==4?'active':''" class="waves-effect waves-light">
            <i class="md md-event"></i><span> 经销商管理 </span>
          </a>
        </li>
        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==5?'active':''">
            <i class="md md-event"></i><span> 库存管理 </span>
          </a>
        </li>
        <li>
          <a href="#" th:href="@{/product}" class="waves-effect waves-light" th:classappend="${n}==6?'active':''">
            <i class="md md-event"></i><span> 产品管理 </span>
          </a>
        </li>
        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==7?'active':''">
            <i class="fa fa-users"></i><span> 账户权限管理 </span>
          </a>
        </li>
        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==8?'active':''">
            <i class="md md-border-color"></i><span> 日志 </span>
          </a>
        </li>
        <li>
          <a href="#" class="waves-effect waves-light" th:classappend="${n}==9?'active':''">
            <i class="fa fa-cog"></i><span> 系统配置 </span>
          </a>
        </li>
        <li>
          <a href="#" th:href="@{/user}" th:classappend="${n}==10?'active':''" class="waves-effect waves-light">
            <i class="md md-event"></i><span> 用户管理 </span>
          </a>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
  </div>
</div>

            <!--详细员工信息模态框-->
            <div id="query_emp_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="empModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="qempModalLabel">员工信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="queryEmpFrom" th:action="@{/templates/agent}" method="post">
                      <input type="hidden" name="_method" value="PUT">
                      <label class="control-label" for="emp_id">id</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="query_emp_empno" type="text" name="empno"  disabled>
                        <input  type="hidden" id="query_emps_empno" name="empno">
                      </div>
                      <div class="form-group">
                        <label for="query_emp_ename">员工姓名</label>
                        <input type="text" name="ename" class="form-control" id="query_emp_ename" placeholder="用户姓名">
                      </div>
                      <div class="form-group">
                        <label for="query_emp_job">职位名称</label>
                        <input type="text" name="job" class="form-control" id="query_emp_job" placeholder="职位名称">
                      </div>
                      <div class="form-group">
                        <label for="query_emp_mgr">上级编号</label>
                        <input type="text" name="mgr" class="form-control" id="query_emp_mgr" placeholder="上级编号">
                      </div>
                      <div class="form-group">
                        <label for="query_emp_sal">员工工资</label>
                        <input type="text" name="sla" class="form-control" id="query_emp_sal" placeholder="员工工资">
                      </div>
                      <div class="form-group">
                        <label for="query_emp_comm">绩效奖金</label>
                        <input type="text" name="comm" class="form-control" id="query_emp_comm" placeholder="绩效奖金">
                      </div>

                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="queryEmp" onclick="javascript:$('#queryEmpFrom').submit()" class="btn btn-primary">修改</button>
                  </div>
                </div>
              </div>
            </div>
            <!--编辑员工信息模态框-->
            <div id="update_emp_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="empModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="empModalLabel">修改员工信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="updateEmpFrom" th:action="@{/templates/agent}" method="post">
                      <input type="hidden" name="_method" value="PUT">
                      <label class="control-label" for="query_emp_empno">empno</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="emp_id" type="text" name="empno"  disabled>
                        <input  type="hidden" id="emps_empno" name="empno">
                      </div>
                      <div class="form-group">
                        <label for="update_emp_name">员工姓名</label>
                        <input type="text" name="ename" class="form-control" id="update_emp_name" placeholder="员工姓名">
                      </div>
                      <div class="form-group">
                        <label for="update_emp_job">职位名称</label>
                        <input type="text" name="job" class="form-control" id="update_emp_job" placeholder="职位名称">
                      </div>
                      <div class="form-group">
                        <label for="update_emp_mgr">上级编号</label>
                        <input type="text" name="mgr" class="form-control" id="update_emp_mgr" placeholder="上级编号">
                      </div>
                      <div class="form-group">
                        <label for="update_emp_sal">员工工资</label>
                        <input type="text" name="sal" class="form-control" id="update_emp_sal" placeholder="员工工资">
                      </div>
                      <div class="form-group">
                        <label for="update_emp_comm">绩效奖金</label>
                        <input type="text" name="comm" class="form-control" id="update_emp_comm" placeholder="绩效奖金">
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="updateEmp" onclick="javascript:$('#updateEmpFrom').submit()" class="btn btn-primary">修改</button>
                  </div>
                </div>
              </div>
            </div>
            <!--删除员工模态框-->
            <div id="delete_emp_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="empModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="dempModalLabel">删除员工信息</h4>
                    <div class="modal-body">
                      确定要删除该员工？？？？？
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                      </button>
                      <button type="button" class="btn btn-primary">
                        提交更改
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--详细用户信息模态框-->
            <div id="query_user_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="userModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="quserModalLabel">用户信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="queryUserFrom" th:action="@{/user}" method="post">
                      <label class="control-label" for="user_id">id</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="user_id" type="text" name="id"  disabled>
                        <input  type="hidden" id="query_users_id" name="id">
                      </div>
                      <div class="form-group">
                        <label for="user_name">用户姓名</label>
                        <input type="text" name="username" class="form-control" id="user_name" placeholder="用户姓名" disabled>
                      </div>
                      <div class="form-group">
                        <label for="user_password">密码</label>
                        <input type="text" name="password" class="form-control" id="user_password" placeholder="密码" disabled>
                      </div>
                      <div class="form-group">
                        <label>性别:</label>
                        <label class="radio-inline">
                          <input type="radio" name="gender"  value="0" disabled> 男
                        </label>
                        <label class="radio-inline">
                          <input type="radio" name="gender"  value="1" disabled> 女
                        </label>
                      </div>
                      <div class="form-group">
                        <label for="user_age">年龄</label>
                        <input type="text" name="age" class="form-control" id="user_age" placeholder="年龄" disabled>
                      </div>
                      <div class="form-group">
                        <label for="user_email">邮箱</label>
                        <input type="text" name="email" class="form-control" id="user_email" placeholder="邮箱" disabled>
                      </div>
                      <div class="form-group">
                        <label for="user_telephone">联系方式</label>
                        <input type="text" name="telephone" class="form-control" id="user_telephone" placeholder="联系方式" disabled>
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                  </div>
                </div>
              </div>
            </div>
            <!--编辑用户信息模态框-->
            <div id="update_user_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="userModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="userModalLabel">修改员工信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="updateUserFrom" th:action="@{/user/setUser}" method="post">
                      <input type="hidden" name="_method" value="PUT">
                      <label class="control-label" for="edit_user_id">id</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="edit_user_id" type="text" name="id"  disabled>
                        <input  type="hidden" id="edit_user_hidden_id" name="id">
                      </div>
                      <div class="form-group">
                        <label for="edit_user_name">用户姓名</label>
                        <input type="text" name="username" class="form-control" id="edit_user_name" placeholder="用户姓名">
                      </div>
                      <div class="form-group">
                        <label for="edit_user_password">密码</label>
                        <input type="password" name="password" class="form-control" id="edit_user_password" placeholder="密码">
                      </div>
                      <div class="form-group">
                        <label>性别:</label>
                        <label class="radio-inline">
                          <input type="radio" name="gender"  value="0"> 男
                        </label>
                        <label class="radio-inline">
                          <input type="radio" name="gender"  value="1"> 女
                        </label>
                      </div>
                      <div class="form-group">
                        <label for="edit_user_age">年龄</label>
                        <input type="text" name="age" class="form-control" id="edit_user_age" placeholder="年龄">
                      </div>
                      <div class="form-group">
                        <label for="edit_user_email">邮箱</label>
                        <input type="text" name="email" class="form-control" id="edit_user_email" placeholder="邮箱">
                      </div>
                      <div class="form-group">
                        <label for="edit_user_telephone">联系方式</label>
                        <input type="text" name="telephone" class="form-control" id="edit_user_telephone" placeholder="联系方式">
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="updateUser" onclick="updateUserForm()" class="btn btn-primary">修改</button>
                  </div>
                </div>
              </div>
            </div>
            <!--删除用户模态框-->
            <div id="delete_user_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="userModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="duserModalLabel">删除用户信息</h4>
                    <div class="modal-body">
                      <p id="user_del_modelbody"></p>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                      </button>
                      <button type="button" id="user_delete" onclick="user_delete_confirm(this)" class="btn btn-primary">
                        提交更改
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!--详细产品信息模态框-->
            <div id="query_product_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="productModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="qproductModalLabel">产品信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="queryProductFrom" th:action="@{/templates/product}" method="post">
                      <input type="hidden" name="_method" value="PUT">
                      <label class="control-label" for="query_product_id">id</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="query_product_id" type="text" name="id"  disabled>
                        <input  type="hidden" id="query_products_id" name="id">
                      </div>
                      <div class="form-group">
                        <label for="query_product_pname">产品名称</label>
                        <input type="text" name="pname" class="form-control" id="query_product_pname" placeholder="产品名称" disabled>
                      </div>
                      <div class="form-group">
                        <label for="query_product_ptype">类别</label>
                        <input type="text" name="ptype" class="form-control" id="query_product_ptype" placeholder="类别" disabled>
                      </div>
                      <div class="form-group">
                        <label for="query_product_pnum">数量</label>
                        <input type="text" name="pnum" class="form-control" id="query_product_pnum" placeholder="数量" disabled>
                      </div>
                      <div class="form-group">
                        <label for="query_product_price">单价</label>
                        <input type="text" name="price" class="form-control" id="query_product_price" placeholder="单价" disabled>
                      </div>
                      <div class="form-group">
                        <label for="query_product_introduction">简介</label>
                        <input type="text" name="introduction" class="form-control" id="query_product_introduction" placeholder="简介" disabled>
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                  </div>
                </div>
              </div>
            </div>
            <!--编辑产品模态框-->
            <div id="update_product_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="productModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="uproductModalLabel">修改产品信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="updateProductFrom" th:action="@{/templates/product}" method="post">
                      <input type="hidden" name="_method" value="PUT">
                      <label class="control-label" for="update_product_id">id</label>
                      <div class="controls">
                        <input class="input-xlarge disabled" id="update_product_id" type="text" name="id"  disabled>
                        <input  type="hidden" id="update_products_id" name="id">
                      </div>
                      <div class="form-group">
                        <label for="update_product_pname">产品名称</label>
                        <input type="text" name="pname" class="form-control" id="update_product_pname" placeholder="产品名称">
                      </div>
                      <div class="form-group">
                        <label for="update_product_ptype">类别</label>
                        <input type="text" name="ptype" class="form-control" id="update_product_ptype" placeholder="类别">
                      </div>
                      <div class="form-group">
                        <label for="update_product_pnum">数量</label>
                        <input type="text" name="pnum" class="form-control" id="update_product_pnum" placeholder="数量">
                      </div>
                      <div class="form-group">
                        <label for="update_product_price">单价</label>
                        <input type="text" name="price" class="form-control" id="update_product_price" placeholder="单价">
                      </div>
                      <div class="form-group">
                        <label for="update_product_introduction">简介</label>
                        <input type="text" name="introduction" class="form-control" id="update_product_introduction" placeholder="简介">
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="updateProduct" onclick="updateProductFrom()" class="btn btn-primary">修改</button>
                  </div>
                </div>
              </div>
            </div>
            <!--删除产品模态框-->
            <div id="delete_product_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="productModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="dproductModalLabel">删除产品信息</h4>
                    <div class="modal-body">
                      <p id="delete_model_body"></p>
                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                      </button>
                      <button id="product_delete" onclick="product_delete_confirm(this)" type="button" class="btn btn-primary">
                        提交更改
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!--新增产品模态框-->
            <div id="add_product_model" class="modal fade"  tabindex="-1" role="dialog" aria-labelledby="productModalLabel">
              <div class="modal-dialog" role="document">
                <div class="modal-content" >
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="aproductModalLabel">添加产品信息</h4>
                  </div>
                  <div class="modal-body">
                    <form id="addProductFrom" th:action="@{/templates/product}" method="post">
                      <div class="form-group">
                        <label for="add_product_pname">产品名称</label>
                        <input type="text" name="pname" class="form-control" id="add_product_pname" placeholder="产品名称">
                      </div>
                      <div class="form-group">
                        <label for="add_product_ptype">类别</label>
                        <input type="text" name="ptype" class="form-control" id="add_product_ptype" placeholder="类别">
                      </div>
                      <div class="form-group">
                        <label for="add_product_pnum">数量</label>
                        <input type="text" name="pnum" class="form-control" id="add_product_pnum" placeholder="数量">
                      </div>
                      <div class="form-group">
                        <label for="add_product_price">单价</label>
                        <input type="text" name="price" class="form-control" id="add_product_price" placeholder="单价">
                      </div>
                      <div class="form-group">
                        <label for="add_product_introduction">简介</label>
                        <input type="text" name="introduction" class="form-control" id="add_product_introduction" placeholder="简介">
                      </div>
                    </form>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" id="addProduct" onclick="addProduct_model()" class="btn btn-primary">添加</button>
                  </div>
                </div>
              </div>
            </div>
</body>
</html>